html{height:100%}
body{height:100%;background-color: #f5f1e9;}
.red *{ color:#ff4949!important; border-color:#ff4949!important;}
.golden *{ color:#e08d22!important; border-color:#e08d22!important; text-shadow:1px 1px 3px #f9a334}
.empty{ height:100%; background-image:url(../img/null.png); background-position:50% 50%; background-repeat:no-repeat;}
.layout-wrap{ overflow-x:hidden;}
.layout{margin-right:0%;  }
.layout .col{min-height:620px;float:left;border-right:0px solid #eee;overflow:hidden;position: relative; background-image:url(../img/dot-gray.jpg); background-position:right; background-repeat: repeat-y}
.layout .col .col-title{padding-left:40px; line-height:40px;color:#34393d;background-repeat:no-repeat;background-position:15px center; border-bottom:1px solid #f1ebdf; border-top:1px solid #f1ebdf; font-weight:bold; margin-top:-1px; position:relative;}
.layout .col .col-title .sound_switch{ position:absolute; width:30px; height:30px; display:inline-block; background-image:url(../img/icon_gray_soundOn.png); background-position:50% 50%; background-repeat:no-repeat; right:10px; top:5px; cursor:pointer;}
.layout .col .col-title .sound_off{background-image:url(../img/icon_gray_soundOff.png)!important;}
.layout .col .col-title .sound_switch:hover{ background-color:#e1d3b6}
.layout .col .icon_flag{background-image:url(../img/icon_gray_flag.png);}
.layout .col .icon_clock{background-image:url(../img/icon_gray_clock.png);}
.layout .col .icon_chat{background-image:url(../img/icon_gray_chat.png);}
.layout .col .icon_notification{background-image:url(../img/icon_gray_notification.png);}
.layout .col .icon_member{background-image:url(../img/icon_white_member.png); color:#fff;}

.video-wrap{ width:35%;}
.video-wrap .video-box{ padding:10px;height:320px;background-color:#f0f0f0; position:relative;}
.video-wrap .video-box .refresh-btn{ position:absolute; margin:0px auto; display:block; background-color:#333; left:10px; right:10px; top:0px;   line-height:40px; cursor:pointer;  color:#fff; font-size:12px; text-align:center; }
.video-wrap .video-box .refresh-btn:hover{ background-color:#000}

.auction-wrap{ width:25%; position:relative;}
.auction-wrap .auction-list{overflow:hidden}
.auction-wrap .auction-list .bid{ border-bottom:1px solid #f5f1e9; padding:10px 20px; background-color:#f1ebdf}
.auction-wrap .auction-list .bid .mark{  width:40px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:24px; float:left; margin:3px 15px 0px -5px}
.auction-wrap .auction-list .bid .mark img{ width:38px; height:38px; border:2px solid #ccc;}
.auction-wrap .auction-list .bid .price{font-size:15px; color:#666; font-weight:bold}
.auction-wrap .auction-list .bid .medal{ margin:0px 0px -3px 5px;}
.auction-wrap .auction-list .bid .status{ background-color:#ddd; padding:3px 5px; margin-bottom:-5px; margin-left:5px; text-decoration:none!important;}
.auction-wrap .auction-list .bid .unavailable{ text-decoration: line-through; }
.auction-wrap .auction-list .bid .info{ margin-top:5px;}
.auction-wrap .auction-list .bid .info .id{font-size:14px; color:#999; float:left;}
.auction-wrap .auction-list .bid .info .time{font-size:14px; color:#999; float:right;}
.bottom-wrap{border-top:1px solid #f1ebdf; padding:15px 10px 0 10px; min-height:65px; position: relative;zoom:1; background-color:#f5f1e9}
.bottom-wrap .bid-btn{ /*margin-top:15px;*/*margin-top:-15px; display:block;zoom:1; position: relative;}
.bid-price-wrap{  position:relative; -webkit-user-select:none;}
.bid-price-wrap .add-wrap{ padding:5px 0px; }
.bid-price-wrap .add-wrap a{ display:block; float:left; width:23.5%; line-height:30px; background-color:#feae42; text-align:center; margin-right:2%; margin-bottom:2%; cursor:pointer; color:#fff;}
.bid-price-wrap .add-wrap a:hover{ background-color:#e99626}
.bid-price-wrap .chinese-number{padding:5px 0px; font-size:14px; font-weight:bold; color:#fff; background-color:rgb(255, 102, 0); padding:10px;}
.bid-price-wrap .bid-price{ bottom:15px; position:absolute; margin:0px 10px ; left:0px; right:0px;}
.bid-price-wrap .button{ padding:0px!important; }
.bid-price-wrap .bid-price .input{color:#666; font-size:18px; font-weight:bold; background-image:url(../img/w.png); background-repeat:no-repeat; background-position:right 50%;}

.bid-price-wrap .btn-subtract,.bid-price-wrap .btn-add{ width:15%; line-height:48px; display:inline-block; float:left; text-align:center; margin-right:3%; font-size:18px; font-weight:bold; border:1px solid #ccc; border-radius:3px; cursor:pointer}
.bid-price-wrap .btn-subtract:hover,.bid-price-wrap .btn-add:hover{ background-color:#ccc;}
.bid-price-wrap .disable{ opacity:0.3;}
.bid-price-wrap .disable:hover{ background-color:transparent!important; cursor: not-allowed!important}
.bid-price-wrap .price{ line-height:50px; font-size:18px; font-weight:bold; color:rgb(255, 102, 0); margin-right:3%; text-align:center; overflow:hidden;white-space:nowrap;background-color:#ede4d1; padding-right:1% }
.bid-price-wrap .price-input{ line-height:50px; height:50px;border:0px; float:left; text-align:center;font-size:22px; font-weight:bold;color:rgb(255, 102, 0); background-color:transparent; max-width:25%; min-width:10px; background-color:#ede4d1 }
.to-bid-wrap{ }
.auction-wrap img{}

.chat-wrap{ width:29.5%}
.chat-wrap .notification-wrap{ height:120px;line-height:25px; overflow:hidden; }

.member-wrap{ width:10%; background-color:#34393d; background-image:none!important;}
.member-wrap .member-list{width:100%;height:90%;overflow:hidden;background-color:#34393d}
.member-wrap .member-list .member{ padding:5px; background-color:#262c31; border-bottom:1px #34393d solid; }
.member-wrap .member-list .member .member-header{width:28px;height:28px;background-color:#eeeee; float:left; border-radius:3px; margin-top:1px; border:2px solid #000;}
.member-wrap .member-list .member .member-info{ float:left; margin-left:5%; color:#fff; font-size:13px; width:60%; overflow:hidden;}
.member-wrap .member-list .member .member-info .name{ font-size:12px; font-weight:bold;white-space:nowrap; width:100%;}
.member-wrap .member-list .member .member-info .id{ font-size:12px;white-space:nowrap;}
.member-wrap .online-number{color:#FFF;padding-left:25%; line-height:40px;color:#34393d;background-repeat:no-repeat;background-position:15px center;font-weight:bold; }

.tab-wrap{border-top:1px solid #f1ebdf;border-bottom:1px solid #f1ebdf; margin-left:0.5%;}
.tab-wrap .tab{width:49%;height:50px;line-height:50px;text-align:center;float:left;cursor:pointer; font-size:16px;}
.tab-content{}

.domain-info-wrap{ height:100%;}
.domain-info{ padding:10px;}
.domain-info .current-domain{font-weight:bold; font-size:15px; color:#333;}
.domain-info .current-domain .suffix{ display:inline-block; margin-bottom:-4px; background-color:#ff8a00; color:#fff; padding:5px; font-size:16px; border-radius:3px}
.domain-info .domain-description{font-size:14px; color:#999;  margin-bottom:5px; line-height:26px;}
.domain-info .domain-info-item{ margin-top:1%; font-size:16px;}
.domain-info .domain-info-item .box3{width:31.6%;*width:31.66%;border:0px dotted #eee; float:left; margin-right:1%; background-color:#f9f6f0; padding-top:3%; padding-bottom:3%; }
.domain-info .domain-info-item .box2{width:47.9%;*width:48%; border:0px dotted #eee; float:left; margin-right:1%; background-color:#f9f6f0;padding-top:3%; padding-bottom:3%;}
.domain-info .domain-info-item .box2:hover,.domain-info .domain-info-item .box3:hover{ background-color:#ecf9ff}
.domain-info .domain-info-item .key{ text-align:center; font-size:14px; margin-top:5px}
.domain-info .domain-info-item .value{ text-align:center; font-size:20px;}
.domain-list-wrap{ display:none; height:100%; }
.domain-list{ padding:10px;}
.domain-list .passed{color:#666!important}
.domain-list .bidding{color:#4ec506!important}
.domain-list .domain-wrap{ padding:10px 0px 10px 0px;white-space:nowrap; border-bottom:1px #e4dac6 dotted;}
.domain-list .domain-wrap span{font-size:16px; display:block;}
.domain-list .domain-wrap .domain-name{ color:rgb(255, 102, 0); }
.domain-list .domain-wrap .domain-description{font-size:13px;color:#999; margin-top:5px;}
.no-domain{ background-color:#f1ebdf; line-height:200px; text-align:center; font-size:18px; font-weight:bold; margin:10px}


.chat-btn{float:left;display:block;background-color:#FEAE42;width:80px;height:50px;position:relative;left:20px;top:15px;*top:13px !important;border:none;color:#ffffff;cursor:pointer}
.chat-list-wrap{padding:0 20px;overflow:hidden}
.chat-list-wrap .chat-content-wrap{ padding:8px 0px;border-bottom:1px dotted #eee;}
.chat-list-wrap .chat-content-wrap .chat-header{width:10%; float:left; margin-top:3px;}
.chat-list-wrap .chat-content-wrap .chat-header img{width:28px;height:28px;background-color:#eeeee; display:block; border-radius:1px; margin:auto;  border:2px solid #ccc;}
.chat-list-wrap .chat-content-wrap .chat-content{ float:right; width:85%;  padding:0 2%; }
.chat-list-wrap .chat-content-wrap .chat-content .chat-id{ font-size:12px; color:#999}
.chat-list-wrap .chat-content-wrap .chat-content .chat-msg{font-size:14px; margin-top:1px;word-wrap:break-word;}
.chat-list-wrap .chat-content-wrap .chat-content .chat-msg img{ max-width:50%; max-height:50%}
.chat-list-wrap .chat-content-wrap .chat-content .time{ font-size:12px; color:#999; text-align:right;}
.chat-input{ float:left; width:60%; white-space:nowrap; overflow:hidden; line-height:50px; word-wrap: normal;}
.chat-emotion{ float:left; width:20%; height:50px;  margin-right:10px;  background-image:url(../img/emotion.png); background-repeat:no-repeat; background-position:50% 50%; cursor:pointer;position: relative;}

/*********************表情**************************/
.emotion-wrap{
	display: none;
	position: absolute;
	width: 400%;
	height: 200px;
	background-color:#f0f0f0;
	top: -230px;
	padding: 10px;
	overflow-y:scroll;
	border-radius:5px;
	background-color:#fff;
	position:absolute;
	border:1px solid #f0f0f0;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, direction=120, strength=4);
	box-shadow:2px 2px 10px #ccc;
}
.emotion-wrap>img{
	width: 24px;
	height: 24px;
	display: block;
	float: left;
	margin:0 10px 10px 0;
}
